<template>
  <div>
    <h3>案例报告详情</h3>
    <el-card>
      <div>
        <div class="border-bottom mar-top-12">
          <div class="title border-line">关联差异报告编码</div>
          <div class="content color-bule1" style="cursor: pointer" @click="goPage">{{ $route.query.diffCode || 'QB202508080001' }}</div>
        </div>
        <div class="border-bottom mar-top-12">
          <div class="title border-line">案例分析报告</div>
          <div class="content color-bule1 img">
            <i class="el-icon-document"></i>
            {{ 'CA202508080001' }}案例分析报告.png
            <i class="el-icon-download"></i>
          </div>
        </div>
        <div class="border-bottom mar-top-12">
          <div class="title border-line">审批结果</div>
          <div class="content">通过</div>
        </div>
        <div class="mar-top-12">
          <div class="title border-line">办理意见</div>
          <div class="content">
            <p class="flex-bt"><span>湖南办理员</span><span>2025-08-08 16:27:32</span></p>
            <p class="flex-bt"><span>湖南复审账号</span><span>2025-08-08 16:27:32</span></p>
          </div>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'CaseDetail',

  data() {
    return {}
  },

  mounted() {},

  methods: {
    goPage() {
      this.$router.push('/diffreport/detail')
    },
  },
}
</script>
<style lang="scss" scoped>
.content {
  padding: 12px 0 12px 12px;
  font-size: 14px;
}
.img {
  display: flex;
  align-items: flex-end;
  cursor: pointer;
}
</style>